<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--start of css include-->
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/gallery.css"/>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<link rel="stylesheet" type="text/css" href="css/pannel.css"/>
<link rel="stylesheet" type="text/css" href="css/navigation.css"/>
<link rel="stylesheet" type="text/css" href="css/table.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery.rating.css"/>
<!--end of css include-->

<!--start of javascript include-->
<script src="javascript/jquery-1.6.1.js" type="text/javascript"></script>
<script type="text/javascript" src="javascript/gallery.js"></script>
<script type="text/javascript" src="javascript/bezoom.js"></script>
<script type="text/javascript" src="javascript/jquery.rating.js"></script>
<script>
$(document).ready(function(){
		$(".zoom").bezoom();
		var gallFlag = true;
		$("#closeGallery").click(function () {
			if(gallFlag){
				gallFlag = false;
      		$('.wrap').toggle('slow');
			$(this).css('background','url(images/openGal.png)');
			$(this).css('margin','0 auto 10px auto');}
			else {
			gallFlag = true;	
			$('.wrap').toggle('slow');
			$(this).css('background','url(images/closeGal.png)');
			$(this).css('margin','-6px auto 10px auto');}
    });
	});
</script>
<!--end of javascript include-->
<title>My Photo Album</title>
</head>

<body>
<!--start of wrapper-->
<div id="wrapper"> 
<!--start of header-->
  <div id="header"> 
<!--start of the language and phone menu-->
    <div id="primary_navigation">
      <ul>
        <li id="customer_support">+1 646-419-4452</li>
        <li id="language_selector"><a>English <span>▼</span></a></li>
      </ul>
    </div>
<!--end of the language and phone menu-->
    <div class="clear"></div>
<!--start of upper menu-->
    <ul id="mainMenu">
      <li><a href="javascript:void(0)">HOME</a></li>
      <li><a href="javascript:void(0)">OFFERS</a></li>
      <li><a href="javascript:void(0)">MY AREA</a></li>
      <li><a href="javascript:void(0)">LOGIN</a></li>
      <li><a href="javascript:void(0)">REGISTER</a></li>
      <li><a href="javascript:void(0)">ALBUMS</a></li>
    </ul>
<!--end of upper menu--> 
<!--start of search area-->
    <div id="searchArea">
<!--LOGO-->
      <div id="logo"> <img src="images/logo.png"> </div>
      <div class="clear"></div>
      <div>
        <div id="panel" style="display: block;">
          <div class="content clearfix">
            <div class="left">
              <h1>Welcome to our advanceed search</h1>
              <h2>Search for priced/free images</h2>
              <p class="grey">You can search our stock by images name , album name , owner name , date !</p>
              <br />
              <p class="grey">kindly read our policy before using <a title="Read more" href="#">more »</a></p>
            </div>
            <div class="left">
              <form method="post" action="#" class="clearfix">
                <h1 class="padlock">Image information :</h1>
                <label for="log" class="grey">Image Name:</label>
                <input type="text" size="23" value="" id="log" name="log" class="field">
                <label for="album" class="grey">Album Name:</label>
                <input type="text" size="23" id="album" name="album" class="field">
                <label for="owner" class="grey">Owner Name:</label>
                <input type="text" size="23" id="owner" name="owner" class="field">
                <div class="clear"></div>
              </form>
            </div>
            <div class="left right">
              <form method="post" action="#">
                <h1>Date :</h1>
                <label for="signup" class="grey">Date From:</label>
                <input type="text" size="23" value="" id="signup" name="signup" class="field">
                <label for="email" class="grey">Date To:</label>
                <input type="text" size="23" id="email" name="email" class="field">
                <input type="submit" class="bt_search" value="search" name="search">
              </form>
            </div>
          </div>
        </div>
      </div>
<!--end of search area--> 
      
<!--start of gallery-->
      <div class="wrap">
        <div id="slide-holder">
          <div id="slide-runner"> <a href=""> <img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /> </a> <a href=""> <img id="slide-img-2" src="images/nature-photo1.png" class="slide" alt="" /> </a> <a href=""> <img id="slide-img-3" src="images/nature-photo2.png" class="slide" alt="" /> </a> <a href=""> <img id="slide-img-4" src="images/nature-photo3.png" class="slide" alt="" /> </a> <a href=""> <img id="slide-img-5" src="images/nature-photo4.png" class="slide" alt="" /> </a> <a href=""> <img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /> </a> <a href=""> <img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /> </a>
            <div id="slide-controls">
              <p id="slide-client" class="text"><strong>post: </strong><span></span></p>
              <p id="slide-desc" class="text"></p>
              <p id="slide-nav"></p>
            </div>
          </div>
        </div>
        <script type="text/javascript">
    if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
   </script> 
      </div>
    </div>
  </div>
<!--end of gallery-->
  <div class="clear"></div>
    <a id="closeGallery"></a>
<!--start of search controls-->
  <div id="searchInfo"> Search Photos, Illustrations, and Vector Art <span>Displaying results 1 - 100 of 5,507.</span> </div>
  <div class="clear"></div>
  <div id="conrolsContainer">
    <ul id="displayOptions">
      <li> Show:
        <label>
          <input type="radio" value="50" name="images_per_page">
          50 </label>
        |
        <label class="selected">
          <input type="radio" checked="checked" value="100" name="images_per_page">
          100 </label>
        |
        <label>
          <input type="radio" value="150" name="images_per_page">
          150 </label>
      </li>
    </ul>
    <div class="clear"></div>
    <ul id="switchView">
      <li> Display:
        <label>
          <input type="radio" value="50" name="images_per_page">
          Tabler view </label>
        |
        <label class="selected">
          <input type="radio" checked="checked" value="100" name="images_per_page">
          Thumbnails </label>
      </li>
    </ul>
    <div id="results_resultsNavigationDiv" class="paginationEMP"> <span class="nextprev">&laquo;previous</span> <span class="current">1</span> <span><a href="javascript:;">2</a></span> <span><a href="javascript:;">3</a></span> <span><a href="javascript:;">4</a></span> <span><a href="javascript:;">next&raquo;</a></span> </div>
 <div class="clear"></div>
    <div id="sorters"> Sort by :
      <button>Album name</button>
      <button>Category</button>
      <button>Owner name</button>
      <button>Rate</button>
      <button>Date</button>
      <button>Price</button>
    </div>
  </div>
<!--end of search controls-->
  <div class="clear"></div>
<!--start of search result-->
  <div id="searchResult">
    <table cellpadding=6 rules=groups frame=box>
      <thead>
        <tr>
          <th scope="col">&nbsp;</th>
          <th scope="col">Album name</th>
          <th scope="col">Category</th>
          <th scope="col">Owner name</th>
          <th scope="col">Rate</th>
          <th scope="col">Date</th>
          <th scope="col">Price</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td align="center"><a href="images/big/4.jpg" class="zoom tdstyle"><img src="images/imgs/1.jpg" /></a></td>
          <td class="albumName" align="center">Holiday</td>
          <td align="center">People</td>
          <td class="ownerName" align="center">Ahmed Ali</td>
          <td class="rater" align="center"><input name="star1" type="radio" class="star"/>
            <input name="star1" type="radio" class="star"/>
            <input name="star1" type="radio" class="star"/>
            <input name="star1" type="radio" class="star"/>
            <input name="star1" type="radio" class="star"/></td>
          <td class="dateCol" align="center">12/6/2009</td>
          <td align="center">$3 USD</td>
        </tr>
        <tr class="odd">
          <td align="center"><a href="images/big/4.jpg" class="zoom tdstyle"><img src="images/imgs/1.jpg" /></a></td>
          <td class="albumName" align="center">Holiday</td>
          <td align="center">People</td>
          <td class="ownerName" align="center">Ahmed Ali</td>
          <td class="rater" align="center"><input name="star2" type="radio" class="star"/>
            <input name="star2" type="radio" class="star"/>
            <input name="star2" type="radio" class="star"/>
            <input name="star2" type="radio" class="star"/>
            <input name="star2" type="radio" class="star"/></td>
          <td class="dateCol" align="center">12/6/2009</td>
          <td align="center">$3 USD</td>
        </tr>
        <tr>
          <td align="center"><a href="images/big/4.jpg" class="zoom tdstyle"><img src="images/imgs/1.jpg" /></a></td>
          <td class="albumName" align="center">Holiday</td>
          <td align="center">People</td>
          <td class="ownerName" align="center">Ahmed Ali</td>
          <td class="rater" align="center"><input name="star3" type="radio" class="star"/>
            <input name="star3" type="radio" class="star"/>
            <input name="star3" type="radio" class="star"/>
            <input name="star3" type="radio" class="star"/>
            <input name="star3" type="radio" class="star"/></td>
          <td class="dateCol" align="center">12/6/2009</td>
          <td align="center">$3 USD</td>
        </tr>
        <tr class="odd">
          <td align="center"><a href="images/big/4.jpg" class="zoom tdstyle"><img src="images/imgs/1.jpg" /></a></td>
          <td class="albumName" align="center">Holiday</td>
          <td align="center">People</td>
          <td class="ownerName" align="center">Ahmed Ali</td>
          <td class="rater" align="center"><input name="star4" type="radio" class="star"/>
            <input name="star4" type="radio" class="star"/>
            <input name="star4" type="radio" class="star"/>
            <input name="star4" type="radio" class="star"/>
            <input name="star4" type="radio" class="star"/></td>
          <td class="dateCol" align="center">12/6/2009</td>
          <td align="center">$3 USD</td>
        </tr>
      </tbody>
    </table>
<!--end of search result-->
<!--lower paging controller-->
    <div class="paginationEMP" id="results_resultsNavigationDiv"> <span class="nextprev">«previous</span> <span class="current">1</span> <span><a href="javascript:;">2</a></span> <span><a href="javascript:;">3</a></span> <span><a href="javascript:;">4</a></span> <span><a href="javascript:;">next»</a></span> </div>
  </div>
  <div class="clear"></div>
<!--start of footer-->
  <div id="footer_container">
    <center>
      <table cellspacing="0" cellpadding="0" border="0" id="shutter-stats-table">
        <tbody>
          <tr>
            <td width="1%"><div style="margin-top: 4px;">
                <h3 class="blue light en">STATS:</h3>
              </div></td>
            <td valign="bottom"><em>15,517,026</em> royalty-free stock photos <span class="shutter-stats-slash">/</span> <em>64,153</em> new stock photos added this week <span class="shutter-stats-slash">/</span> <em>302,581</em> photographers </td>
          </tr>
        </tbody>
      </table>
      <table border="0" id="footer-table">
        <tbody>
          <tr>
            <td style="width: 12px;" class="footer-section"><div class="footer-section-title"></div></td>
            <td class="footer-section"><div class="footer-section-title">
                <h6> Softxpert.com </h6>
              </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Home</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Frequently Asked Questions</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Subscribe / Renew</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Footage</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Press / Media</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Newsletter Archive</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Careers</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Become a Contributor</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Affiliate / Reseller Program</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Graphic Design Tips &amp; Tricks</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Softxpert.com</a></nobr> </div></td>
            <td class="footer-section"><div class="footer-section-title">
                <h6> Contact &amp; Support </h6>
              </div>
              <div class="footer-contact-support-section"> <a class="footer-link" href="#">Contact Us</a>
                <div class="divider_line"></div>
                <h6 class="subheader">Sales and Support:</h6>
                <div class="footer-link-container">1-866-663-3954</div>
                <div class="footer-link-container">1-646-419-4452 (US)</div>
                <div class="footer-link-container"><a class="footer-link" href="#">support@softXpert.com</a></div>
              </div>
              <div class="footer-contact-support-section">
                <h6>Community</h6>
                <div class="social-link-container"> <a class="social-link footer-link blog" href="#">Visit the Softxpert Blog</a> </div>
                <div class="social-link-container"> <a class="social-link footer-link facebook" href="#">Become a fan on Facebook</a> </div>
                <div class="social-link-container"> <a class="social-link footer-link twitter" href="#">Follow us on Twitter</a> </div>
              </div></td>
            <td class="footer-section"><div class="footer-section-title">
                <h6> Select a language </h6>
              </div>
              <div id="footer-multi-international-section">
                <ul>
                  <li> <a href="#"> Deutsch </a> </li>
                  <li> <a href="#"> English </a> </li>
                  <li> <a href="#"> Español </a> </li>
                  <li> <a href="#"> Français </a> </li>
                  <li> <a href="#"> Italiano </a> </li>
                  <li> <a href="#"> Nederlands </a> </li>
                  <li> <a href="#"> Português </a> </li>
                  <li> <a href="#"> Русский </a> </li>
                  <li> <a href="#"> 中文 </a> </li>
                  <li> <a href="#"> 日本語 </a> </li>
                </ul>
                <div class="clear"></div>
                <img src="images/worldmap_sm.png" class="worldmap"> </div></td>
            <td class="footer-section"><div class="footer-section-title">
                <h6> Legal </h6>
              </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Website Terms of Use</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Stock Photo Licensing Terms</a></nobr> </div>
              <div class="footer-link-container"> <nobr><a href="#" class="footer-link">Privacy Policy</a></nobr> </div>
              <div class="footer-link-container"> <a href="#"><img border="0" src="images/truste_seal_grey.gif" class="footer-icon"></a> </div></td>
          </tr>
          <tr>
            <td colspan="7" class="footer-footer-cell"><div id="footer-footer"> Softxpert&reg; and <img alt="Softxpertk®" style="vertical-align: middle;" src="images/logo-ss-footer.png"> are registered trademarks of Softxpert company .<br>
                Copyright &copy; 2003-2011 Softxpert </div></td>
          </tr>
        </tbody>
      </table>
    </center>
  </div>
<!--end of footer--> 
</div>
<!--end of wrapper-->
</body>
</html>
<!--end of code-->